import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const Props = () => import('../pages/Props')
const EmitEvent = () => import('../pages/EmitEvent')
const VModel = () => import('../pages/VModel')
const Sync = () => import('../pages/Sync')
const Attrs = () => import('../pages/Attrs')
const Ref = () => import('../pages/Ref')
const ChildParent = () => import('../pages/ChildParent')
const Root = () => import('../pages/Root')
const Slot = () => import('../pages/Slot')

export default new VueRouter({
  mode:'history',
  routes:[
    {
      path:'/props',
      component:Props
    },
    {
      path:'/emitevent',
      component:EmitEvent
    },
    {
      path:'/vmodel',
      component:VModel
    },
    {
      path:'/sync',
      component:Sync
    },
    {
      path:'/attrs',
      component:Attrs
    },
    {
      path:'/ref',
      component:Ref
    },
    {
      path:'/childparent',
      component:ChildParent
    },
    {
      path:'/root',
      component:Root
    },
    {
      path:'/slot',
      component:Slot
    },
  ]
})
